<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta content="email=no" name="format-detection">
<meta content="telephone=no" name="format-detection">
<title>个人主页</title>
<link rel="stylesheet" type="text/css" href="../../css/home.css">
<link rel="stylesheet" type="text/css"
	href="../../font-awesome-4.5.0/css/font-awesome.min.css">
	<script type='text/javascript' src="../asset/js/jquery_simple.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>
<script src="../asset/js/baseinfo.js" type="text/javascript"></script>
<script src="../../js/user/home.js" type="text/javascript"></script>
</head>
<body>
	<div class="return01">
		<div class="return">
			<!-- <a href=""><span class="fa fa-angle-left" id="left"
				style="font-size: 2.25rem;"></span>
			</a> -->
		</div>
	</div>
	<div class="wrap">
		<div class="header">
			<div class="title">
				<p class="homeRerouce"></p>
				<a href="javascript:(0)" onclick="getUserByHomeResouse();"><span class="fa fa-angle-right"></span>
				</a>
			</div>
			<div class="show">
				<p class="user"></p>
				<p class="bal">余额(元)</p>
				<p class="bal_num"></p>
				<p class="shuibiao">水表止码</p>
				<div class="proportion">
								<p class="bal_num"></p>
					<!-- <div class="img01">
						<div class="text" id="num1"></div>
						<canvas id="canvas1" class="canvas" width="60" height="60"></canvas>
					</div>
					<div class="img02">
						<div class="text" id="num2"></div>
						<canvas id="canvas2" class="canvas" width="60" height="60"></canvas>
					</div>
					<div class="img03">
						<div class="text" id="num3"></div>
						<canvas id="canvas3" class="canvas" width="60" height="60"></canvas>
					</div>
					<div class="img04">
						<div class="text" id="num4"></div>
						<canvas id="canvas4" class="canvas" width="60" height="60"></canvas>
					</div> -->
				</div>
				<div class="clear"></div>
				<p class="deadline">
					最后抄表日期  <div class="divbottomright" id="user_date"></div>
				</p>
			</div>
		</div>
		<div class="content">
			<div class="common common01" onclick="ApplyMoney();">
				<p>在线缴费</p>
				<span class="fa fa-angle-right"></span>
			</div>

			<div class="common common02" onclick="getWater();">
				<p>水量查询</p>
				<span class="fa fa-angle-right"></span>
			</div>
			<div class="common common03" onclick="queryChargeDetail();">
				<p>缴费记录</p>
				<span class="fa fa-angle-right"></span>
			</div>
		</div>
	</div>
	<!-- <div class="nav">
		<ul>
			<li><img class="tubiao" src="../../images/icon_index.png">
			</li>
			<li><img class="tubiao" src="../../images/icon_mine_active.png">
			</li>
			<li><img class="tubiao" src="../../images/icon_affiche.png">
			</li>
			<li><img class="tubiao" src="../../images/icon_service.png">
			</li>
		</ul>
	</div> -->
	<script>
	function onclick(){
	
	alert($('#bal_num').val());
	window.location.href = "inquire.html?id="+$('#bal_num').val();
	/* var predata = {"id" : $('#bal_num').val().trim()};
	alert($('#bal_num').val().trim());
		alert( predata);
		$.ajax({
			url : "/renqiu_water/user/getUserId.do" ,
			type : "POST",
			dataType : "json",
			data : predata,
			success : function(data) {
				alert(data.rspMsg);
				if (data.rspMsg == "SUUCESS") {
					window.location.href = "inquire.html";
					return;
				}
			}
		}); */
}
		/* window.onload = function() {
			var canvas1 = document.getElementById('canvas1');
			var canvas2 = document.getElementById('canvas2');
			var canvas3 = document.getElementById('canvas3');
			var canvas4 = document.getElementById('canvas4');
			drawCircle(canvas1, -90);
			drawCircle(canvas2, 0);
			drawCircle(canvas3, 90);
			drawCircle(canvas4, 180);
			function drawCircle(can, endAngle) {
				var ctx = can.getContext('2d');
				ctx.beginPath();
				ctx.strokeStyle = "white";
				ctx.lineWidth = 5;
				ctx.arc(30, 30, 27.5, -(Math.PI / 180) * 90, (Math.PI / 180)
						* endAngle, false);
				ctx.stroke();
				ctx.closePath();

			}
		} */
	</script>
</body>
</html>